*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
input,button,select,textarea{ outline:none; }
input,textarea{-webkit-appearance : none ; }
html{background:#fff;overflow:auto;}
/* body{font:14px/18px "Microsoft Yahei";color:#333; -webkit-font-smoothing: antialiased;background: #fff; } */
body{font:0.28rem PingFang SC,"Hiragino Sans GB","Microsoft Yahei",SimSun,Arial,"Helvetica Neue",Helvetica,Lantinghei SC;color:#333; -webkit-font-smoothing: antialiased; background: #fff; }
a{color:#333; text-decoration:none; outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a:hover{ text-decoration:none;}
a:active{ background: rgba(1,51,112,0.1);}
a:focus{-moz-outline-style:none; border:0px;blr:expression(this.onFocus=this.blur());}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0; }
header,footer,article,aside,section,nav,menu,hgroup,details,dialog,figure,figcaption{display:block}
ol,li,ul,dl,dt,dd{list-style:none;}
fieldset,img {border:0}
button,submit,input,select { vertical-align:middle;}
button,submit { cursor:pointer;}
/* h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:lighter;} */
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
select,button{font-family:inherit; font-size:inherit;  outline-style:none; outline-width:0pt; padding: 0; margin: 0;}/*font-weight:lighter;*/
b,em,i{display:inline-block; font-weight:normal; font-style:normal;}
::-webkit-input-placeholder {color:#ccc;}
:-moz-placeholder {color:#ccc;}
::-moz-placeholder {color:#ccc;}
:-ms-input-placeholder {color:#ccc;}
.clear{ overflow: hidden; height: 0; font-size: 0; line-height: 0; clear: both;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden;} .clearfix{ zoom:1;}
.fl{ float: left;}
.fr{ float: right;}
.tl{ text-align: left;}
.tr{ text-align: right;}
.tc{text-align: center;}
/*按钮组*/
.animate-fade,.btn,.text,.list_icona{transition:all 0.2s linear 0s;  -moz-transition:all 0.2s linear 0s;  -webkit-transition:all 0.2s linear 0s;}
.container{  max-width: 20rem; margin: 0 auto}
.p-b-1{ margin-bottom: 0.1rem;}
.p-b-2{ margin-bottom: 0.2rem;}
.p-4{ padding: 0.4rem;}

/*按钮默认样式*/
.btn{
    font-family:ArialMT;
    letter-spacing: 1px;
    background: #ddd;
    cursor: pointer;
    color: #fff;
    height: 0.72rem;
    font-size: 0.32rem;
    line-height: 0.72rem;
    border: none;
    padding: 0 0.32rem;
    border-radius: 0.06rem;
}
.btn:hover{ background: #f1f1f1;}

/*按钮百分百*/
.btn-full{
    width: 100%;
}
/*按钮样式1*/
.btn-sm-solid{
   background:#013370;  
}
.btn-sm-solid:hover{
    background:#0767ef;
}
/*按钮样式2*/
.btn-sm-hollow{
    background: #fff;
    border:1px solid #013370;
    color: #013370;
}
.btn-sm-hollow:hover{
    background: #fff;
    color: #0767ef;
    border:1px solid #0767ef;
}
/*按钮样式3*/
.btn-large-solid{
    height: 1rem;
    line-height: 1rem;
    background: #013370;
}
.btn-large-solid:hover{
    background: #0767ef;
}
/*按钮样式4*/
.btn-large-hollow{
    height: 1rem;
    line-height: 1rem;
    background: #fff;
    border:0.01rem solid #013370;
    color: #013370;
}
.btn-large-hollow:hover{
    background: #fff;
    color: #0767ef;
    border:1px solid #0767ef;
}

.btn-sm-solid:hover,
.btn-sm-hollow:hover,
.btn-large-solid:hover,
.btn-large-hollow:hover
{
    box-shadow:0 0 0.16rem 0 rgba(7,67,152,0.3);
}
.btn-sm-solid-invalid,.btn-sm-solid-invalid:hover,
.btn-large-solid-invalid,.btn-large-solid-invalid:hover
{
    cursor: default;
    background: #bdbdbd;
     box-shadow:0 0 0 0;
}
.btn-sm-hollow-invalid,.btn-sm-hollow-invalid:hover,
.btn-large-hollow-invalid,.btn-large-hollow-invalid:hover{
    cursor: default;
    border:1px solid #bdbdbd;
    color: #bdbdbd;
    -webkit-box-shadow:0 0 0 0;
    -moz-box-shadow:0 0 0 0;
    box-shadow:0 0 0 0;
}
.btn-no-radius{ border-radius: 0 0 0 0;}

/*文本框样式*/

.textarea{ background: #fff; padding: 0.4rem; width: 100%; font-size: 0.32rem; color: #333; border: none;}

.text{
	font-family: arial;
    line-height: 0.4rem;
    padding: 0.3rem 0.2rem;
    width: 100%;
    background:#f4f4f4;
    border-radius:0.06rem;
    font-size:0.32rem;
    color:#333;
    border:none;
    border:1px solid #f4f4f4;
}
.text-login{
    padding: 0.3rem 0.2rem;
}
.text:hover{
	border:1px solid #d9d9d9
}

.text:focus{
    border:1px solid #013370;
    box-shadow:0 0 0.16rem 0 rgba(1,51,112,0.2);
}
.text-wrong{
    border:1px solid #ff800d;
}
.text-invalid{
	opacity: 0.4;
	-webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: grayscale(100%); 
}

.text-invalid:focus{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: none;
}
